<template name="skeleton">
  <view class="sk-container">
    <view class="container container">
      <view class="head-info head-info">
        <view class="cart-total sk-transparent sk-text-14-2857-976 sk-text"> 库存有限，请快速下单 </view>
        <view class="cart-edit cart-edit">
          <view class="normal normal">
            <text class="icon icon iconfont iconfont icon-bianji icon-bianji"></text>
            <text class="sk-transparent sk-text-14-2857-50 sk-text">编辑</text>
          </view>
        </view>
      </view>
      <view class="cart-list cart-list">
        <view class="cart-item cart-item">
          <label class="item-radio item-radio">
            <radio class="radio radio" color="#EFEFEF"></radio>
          </label>
          <view class="goods-image goods-image">
            <image class="image sk-image" mode="x"></image>
          </view>
          <view class="item-content item-content">
            <view class="goods-title goods-title">
              <text class="twoline-hide sk-transparent sk-text-14-2857-892 sk-text">老金沟黑蜂黄菠萝蜜</text>
            </view>
            <view class="goods-props goods-props clearfix clearfix">
              <view class="goods-props-item goods-props-item">
                <text class="sk-transparent sk-text-14-2857-757 sk-text">是蜜蜂通过采集中药材黄柏得来的花蜜</text>
              </view>
            </view>
            <view class="item-foot item-foot">
              <view class="goods-price goods-price">
                <view class="value sk-transparent sk-text-14-2857-97 sk-text">￥30.00</view>
                <view class="unit sk-transparent sk-text-14-2857-710 sk-text" style="text-decoration-color: transparent;">
                  ￥30.00</view>
              </view>
              <view class="stepper stepper">
                <view class="u-number-box box--u-number-box data-v-a83780b3 box--data-v-a83780b3">
                  <view
                    class="u-number-box__minus box--u-number-box__minus data-v-a83780b3 box--data-v-a83780b3 u-number-box__minus--disabled box--u-number-box__minus--disabled"
                    hover-class="u-number-box__minus--hover" hover-stay-time="150"
                    style="background-color:#f7f8fa;height:30px;color:#323233;">
                    <view
                      class="u-icon icon--u-icon data-v-1c933a9a icon--data-v-1c933a9a u-icon--right icon--u-icon--right">
                      <text
                        class="u-icon__icon icon--u-icon__icon data-v-1c933a9a icon--data-v-1c933a9a uicon-minus icon--uicon-minus sk-transparent sk-text-0-0000-894 sk-text"
                        style="font-size:15px;line-height:15px;font-weight:bold;top:0px;color:#c8c9cc;;"></text>
                    </view>
                  </view>
                  <view class="u-number-box__input box--u-number-box__input data-v-a83780b3 box--data-v-a83780b3 sk-image"
                    style="color:#323233;background-color:#EBECEE;height:30px;width:35px;" type="number" value="1"></view>
                  <view class="u-number-box__plus box--u-number-box__plus data-v-a83780b3 box--data-v-a83780b3"
                    hover-class="u-number-box__plus--hover" hover-stay-time="150"
                    style="background-color:#EBECEE;height:30px;color:#323233;">
                    <view
                      class="u-icon icon--u-icon data-v-1c933a9a icon--data-v-1c933a9a u-icon--right icon--u-icon--right">
                      <text
                        class="u-icon__icon icon--u-icon__icon data-v-1c933a9a icon--data-v-1c933a9a uicon-plus icon--uicon-plus sk-transparent sk-text-0-0000-498 sk-text"
                        style="font-size:15px;line-height:15px;font-weight:bold;top:0px;color:#323233;;"></text>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
        <view class="cart-item cart-item">
          <label class="item-radio item-radio">
            <radio class="radio radio" color="#EFEFEF"></radio>
          </label>
          <view class="goods-image goods-image">
            <image class="image sk-image" mode="x"></image>
          </view>
          <view class="item-content item-content">
            <view class="goods-title goods-title">
              <text class="twoline-hide sk-transparent sk-text-14-2857-655 sk-text">洗衣皂浆</text>
            </view>
            <view class="goods-props goods-props clearfix clearfix">
              <view class="goods-props-item goods-props-item">
                <text class="sk-transparent sk-text-14-2857-847 sk-text">1000ml/瓶</text>
              </view>
            </view>
            <view class="item-foot item-foot">
              <view class="goods-price goods-price">
                <view class="value sk-transparent sk-text-14-2857-46 sk-text">￥20.00</view>
                <view class="unit sk-transparent sk-text-14-2857-770 sk-text" style="text-decoration-color: transparent;">
                  ￥20.00</view>
              </view>
              <view class="stepper stepper">
                <view class="u-number-box box--u-number-box data-v-a83780b3 box--data-v-a83780b3">
                  <view
                    class="u-number-box__minus box--u-number-box__minus data-v-a83780b3 box--data-v-a83780b3 u-number-box__minus--disabled box--u-number-box__minus--disabled"
                    hover-class="u-number-box__minus--hover" hover-stay-time="150"
                    style="background-color:#f7f8fa;height:30px;color:#323233;">
                    <view
                      class="u-icon icon--u-icon data-v-1c933a9a icon--data-v-1c933a9a u-icon--right icon--u-icon--right">
                      <text
                        class="u-icon__icon icon--u-icon__icon data-v-1c933a9a icon--data-v-1c933a9a uicon-minus icon--uicon-minus sk-transparent sk-text-0-0000-370 sk-text"
                        style="font-size:15px;line-height:15px;font-weight:bold;top:0px;color:#c8c9cc;;"></text>
                    </view>
                  </view>
                  <view class="u-number-box__input box--u-number-box__input data-v-a83780b3 box--data-v-a83780b3 sk-image"
                    style="color:#323233;background-color:#EBECEE;height:30px;width:35px;" type="number" value="1"></view>
                  <view class="u-number-box__plus box--u-number-box__plus data-v-a83780b3 box--data-v-a83780b3"
                    hover-class="u-number-box__plus--hover" hover-stay-time="150"
                    style="background-color:#EBECEE;height:30px;color:#323233;">
                    <view
                      class="u-icon icon--u-icon data-v-1c933a9a icon--data-v-1c933a9a u-icon--right icon--u-icon--right">
                      <text
                        class="u-icon__icon icon--u-icon__icon data-v-1c933a9a icon--data-v-1c933a9a uicon-plus icon--uicon-plus sk-transparent sk-text-0-0000-163 sk-text"
                        style="font-size:15px;line-height:15px;font-weight:bold;top:0px;color:#323233;;"></text>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
        <view class="cart-item cart-item">
          <label class="item-radio item-radio">
            <radio class="radio radio" color="#EFEFEF"></radio>
          </label>
          <view class="goods-image goods-image">
            <image class="image sk-image" mode="x"></image>
          </view>
          <view class="item-content item-content">
            <view class="goods-title goods-title">
              <text class="twoline-hide sk-transparent sk-text-14-2857-639 sk-text">庆安大高粱酒七0八0</text>
            </view>
            <view class="goods-props goods-props clearfix clearfix">
              <view class="goods-props-item goods-props-item">
                <text class="sk-transparent sk-text-14-2857-222 sk-text">一箱6瓶</text>
              </view>
            </view>
            <view class="item-foot item-foot">
              <view class="goods-price goods-price">
                <view class="value sk-transparent sk-text-14-2857-792 sk-text">￥40.00</view>
                <view class="unit sk-transparent sk-text-14-2857-498 sk-text" style="text-decoration-color: transparent;">
                  ￥40.00</view>
              </view>
              <view class="stepper stepper">
                <view class="u-number-box box--u-number-box data-v-a83780b3 box--data-v-a83780b3">
                  <view class="u-number-box__minus box--u-number-box__minus data-v-a83780b3 box--data-v-a83780b3"
                    hover-class="u-number-box__minus--hover" hover-stay-time="150"
                    style="background-color:#EBECEE;height:30px;color:#323233;">
                    <view
                      class="u-icon icon--u-icon data-v-1c933a9a icon--data-v-1c933a9a u-icon--right icon--u-icon--right">
                      <text
                        class="u-icon__icon icon--u-icon__icon data-v-1c933a9a icon--data-v-1c933a9a uicon-minus icon--uicon-minus sk-transparent sk-text-0-0000-814 sk-text"
                        style="font-size:15px;line-height:15px;font-weight:bold;top:0px;color:#323233;;"></text>
                    </view>
                  </view>
                  <view class="u-number-box__input box--u-number-box__input data-v-a83780b3 box--data-v-a83780b3 sk-image"
                    style="color:#323233;background-color:#EBECEE;height:30px;width:35px;" type="number" value="2"></view>
                  <view class="u-number-box__plus box--u-number-box__plus data-v-a83780b3 box--data-v-a83780b3"
                    hover-class="u-number-box__plus--hover" hover-stay-time="150"
                    style="background-color:#EBECEE;height:30px;color:#323233;">
                    <view
                      class="u-icon icon--u-icon data-v-1c933a9a icon--data-v-1c933a9a u-icon--right icon--u-icon--right">
                      <text
                        class="u-icon__icon icon--u-icon__icon data-v-1c933a9a icon--data-v-1c933a9a uicon-plus icon--uicon-plus sk-transparent sk-text-0-0000-315 sk-text"
                        style="font-size:15px;line-height:15px;font-weight:bold;top:0px;color:#323233;;"></text>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
        <view class="cart-item cart-item">
          <label class="item-radio item-radio">
            <radio class="radio radio" color="#EFEFEF"></radio>
          </label>
          <view class="goods-image goods-image">
            <image class="image sk-image" mode="x"></image>
          </view>
          <view class="item-content item-content">
            <view class="goods-title goods-title">
              <text class="twoline-hide sk-transparent sk-text-14-2857-163 sk-text">菹花园酸菜丝（东北发酵酸菜）</text>
            </view>
            <view class="goods-props goods-props clearfix clearfix">
              <view class="goods-props-item goods-props-item">
                <text class="sk-transparent sk-text-14-2857-764 sk-text">500g×5袋</text>
              </view>
            </view>
            <view class="item-foot item-foot">
              <view class="goods-price goods-price">
                <view class="value sk-transparent sk-text-14-2857-646 sk-text">￥38.00</view>
                <view class="unit sk-transparent sk-text-14-2857-487 sk-text" style="text-decoration-color: transparent;">
                  ￥19.50</view>
              </view>
              <view class="stepper stepper">
                <view class="u-number-box box--u-number-box data-v-a83780b3 box--data-v-a83780b3">
                  <view class="u-number-box__minus box--u-number-box__minus data-v-a83780b3 box--data-v-a83780b3"
                    hover-class="u-number-box__minus--hover" hover-stay-time="150"
                    style="background-color:#EBECEE;height:30px;color:#323233;">
                    <view
                      class="u-icon icon--u-icon data-v-1c933a9a icon--data-v-1c933a9a u-icon--right icon--u-icon--right">
                      <text
                        class="u-icon__icon icon--u-icon__icon data-v-1c933a9a icon--data-v-1c933a9a uicon-minus icon--uicon-minus sk-transparent sk-text-0-0000-37 sk-text"
                        style="font-size:15px;line-height:15px;font-weight:bold;top:0px;color:#323233;;"></text>
                    </view>
                  </view>
                  <view class="u-number-box__input box--u-number-box__input data-v-a83780b3 box--data-v-a83780b3 sk-image"
                    style="color:#323233;background-color:#EBECEE;height:30px;width:35px;" type="number" value="2"></view>
                  <view class="u-number-box__plus box--u-number-box__plus data-v-a83780b3 box--data-v-a83780b3"
                    hover-class="u-number-box__plus--hover" hover-stay-time="150"
                    style="background-color:#EBECEE;height:30px;color:#323233;">
                    <view
                      class="u-icon icon--u-icon data-v-1c933a9a icon--data-v-1c933a9a u-icon--right icon--u-icon--right">
                      <text
                        class="u-icon__icon icon--u-icon__icon data-v-1c933a9a icon--data-v-1c933a9a uicon-plus icon--uicon-plus sk-transparent sk-text-0-0000-288 sk-text"
                        style="font-size:15px;line-height:15px;font-weight:bold;top:0px;color:#323233;;"></text>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
        <view class="cart-item cart-item">
          <view class="goods-image goods-image">
            <image class="image sk-image" mode="x"></image>
          </view>
        </view>
      </view>
      <view class="footer-fixed footer-fixed">
        <label class="all-radio all-radio">
          <radio class="radio radio" color="#EFEFEF"></radio>
          <text class="sk-transparent sk-text-14-2857-728 sk-text">全选</text>
        </label>
        <view class="total-info total-info">
          <text class="sk-transparent sk-text-14-2857-480 sk-text">合计：</text>
          <view class="goods-price goods-price">
            <text class="unit sk-transparent sk-opacity">￥</text>
            <text class="value sk-transparent sk-opacity">0</text>
          </view>
        </view>
        <view class="cart-action cart-action">
          <view class="btn-wrapper btn-wrapper">
            <view class="btn-item btn-main disabled sk-image">
              <text class="sk-transparent sk-text-31-0811-188 sk-text" style="background-position-x: 50%;">去结算 0</text>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>



<style scoped>
.sk-transparent {
  color: transparent !important;
}

.sk-text-14-2857-976 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 37.6923rpx;
  position: relative !important;
}

.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}

.sk-text-14-2857-50 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.0769rpx;
  position: relative !important;
}

.sk-text-14-2857-892 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 37.6923rpx;
  position: relative !important;
}

.sk-text-14-2857-757 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.3077rpx;
  position: relative !important;
}

.sk-text-14-2857-97 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 48.4615rpx;
  position: relative !important;
}

.sk-text-14-2857-710 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.3077rpx;
  position: relative !important;
}

.sk-text-0-0000-894 {
  background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
  background-size: 100% 28.8462rpx;
  position: relative !important;
}

.sk-text-0-0000-498 {
  background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
  background-size: 100% 28.8462rpx;
  position: relative !important;
}

.sk-text-14-2857-655 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 37.6923rpx;
  position: relative !important;
}

.sk-text-14-2857-847 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.3077rpx;
  position: relative !important;
}

.sk-text-14-2857-46 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 48.4615rpx;
  position: relative !important;
}

.sk-text-14-2857-770 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.3077rpx;
  position: relative !important;
}

.sk-text-0-0000-370 {
  background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
  background-size: 100% 28.8462rpx;
  position: relative !important;
}

.sk-text-0-0000-163 {
  background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
  background-size: 100% 28.8462rpx;
  position: relative !important;
}

.sk-text-14-2857-639 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 37.6923rpx;
  position: relative !important;
}

.sk-text-14-2857-222 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.3077rpx;
  position: relative !important;
}

.sk-text-14-2857-792 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 48.4615rpx;
  position: relative !important;
}

.sk-text-14-2857-498 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.3077rpx;
  position: relative !important;
}

.sk-text-0-0000-814 {
  background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
  background-size: 100% 28.8462rpx;
  position: relative !important;
}

.sk-text-0-0000-315 {
  background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
  background-size: 100% 28.8462rpx;
  position: relative !important;
}

.sk-text-14-2857-163 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 37.6923rpx;
  position: relative !important;
}

.sk-text-14-2857-764 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.3077rpx;
  position: relative !important;
}

.sk-text-14-2857-646 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 48.4615rpx;
  position: relative !important;
}

.sk-text-14-2857-487 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.3077rpx;
  position: relative !important;
}

.sk-text-0-0000-37 {
  background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
  background-size: 100% 28.8462rpx;
  position: relative !important;
}

.sk-text-0-0000-288 {
  background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
  background-size: 100% 28.8462rpx;
  position: relative !important;
}

.sk-text-14-2857-728 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.0769rpx;
  position: relative !important;
}

.sk-text-14-2857-480 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.0769rpx;
  position: relative !important;
}

.sk-opacity {
  opacity: 0 !important;
}

.sk-text-31-0811-188 {
  background-image: linear-gradient(transparent 31.0811%, #EEEEEE 0%, #EEEEEE 68.9189%, transparent 0%) !important;
  background-size: 100% 71.1538rpx;
  position: relative !important;
}

.sk-image {
  background: #EFEFEF !important;
}

.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}</style>